<template>
  <div>
    <transition name="van-slide-right">
      <div v-show="visible">
        <van-nav-bar
          title="积分问题"
          left-arrow
          @click-left="$router.push('/jifen')"
        />
        <h2>Q1: 怎么获得积分？</h2>
        <p>
          在线支付的订单将获得订单积分奖励： 积分将在用户完成评价后获得。
          可获得积分=订单金额×10（即1元=10点积分）。
          订单金额指实际付款金额，不包含活动优惠金额。
          每位用户每天最多可以获得2000积分，体验商家的订单和评价不会增加积分。
        </p>
        <h2>Q2: 积分用来做什么？</h2>
        <p>可以在积分商城兑换各种礼品。</p>
        <h2>Q3: 礼品兑换很多天了还没有收到，该怎么办？</h2>
        <p>
          礼品从兑换日起，3个工作日（周末不算）内处理发货，发货后，通常会在3个工作日左右送达。
        </p>
        <h2>
          Q4:
          礼品兑换中的手机充值卡兑换，怎么样进行充值，充值之前会和我电话确认嘛？
        </h2>
        <p>
          不会，手机充值卡兑换，是直接充值到您填写的手机号上，充值之前不会和您电话确认，所以您在填写电话的时候，请确认电话是否正确。
        </p>
      </div>
    </transition>
  </div>
</template>

<script>
export default {
  data() {
    return {
      visible: false,
    };
  },
  mounted() {
    this.visible = true;
  },
};
</script>


<style lang="less" scoped>
/deep/.van-nav-bar {
  background-color: #3792e5;
  height: 50px;
  .van-nav-bar__title {
    color: #fff;
    font-weight: 700;
  }
  .van-nav-bar__arrow {
    color: #fff;
    font-size: 24px;
  }
}

h2 {
  line-height: 48px;
}
p {
  font-size: 14.4px;
  color: #666;
  line-height: 24px;
}
</style>